<!-- 弹窗 -->
         <!-- 选择出游食物弹窗 -->
    <div class="popup outgoing-pop">
        <div class="mask"></div>
        <div class="cont">
            <div class="close-btn"></div>
            <div class="box">
                <div class="view-tit"></div>
                <div class="view-box">
                    <div class="item item-1">
                        <img src="/act/tlhj/qxl/20250919/m/img/popup/view_1.png" alt="">
                    </div>
                    <div class="item item-2">
                        <img src="/act/tlhj/qxl/20250919/m/img/popup/view_2.png" alt="">
                    </div>
                    <div class="item item-3">
                        <img src="/act/tlhj/qxl/20250919/m/img/popup/view_3.png" alt="">
                    </div>
                </div>
                <div class="pet-tit"></div>
                <div class="pet-box">
                    <div class="item item-1">
                        <img src="/act/tlhj/qxl/20250919/m/img/popup/view_4.png" alt="">
                    </div>
                    <div class="item item-2">
                        <img src="/act/tlhj/qxl/20250919/m/img/popup/view_5.png" alt="">
                    </div>
                    <div class="item item-3">
                        <img src="/act/tlhj/qxl/20250919/m/img/popup/view_6.png" alt="">
                    </div>
                </div>
                <div class="btn-box">
                    <div class="btn confirm"></div>
                    <div class="btn random-btn"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 出游动画弹窗 -->
    <div class="popup outing-pop">
        <div class="mask"></div>
        <div class="cont">
            <div class="gif-cont"><img src="/act/tlhj/qxl/20250919/m/img/popup/tq.png" alt=""></div>
            <!-- <div class="outing-process-bar">
                <div class="outing-inner">
                    <div class="process"></div>
                </div>
            </div> -->
        </div>
    </div>
    <!-- 签到成功弹窗 -->
    <div class="popup sign-pop">
        <div class="mask"></div>
        <div class="cont">
            <div class="close-btn"></div>
            <div class="box">
                <p class="text">恭喜少侠获得：</p>
                <div class="prize_box">
                    <div class="prize">
                        <div class="icon"><img src="/act/tlhj/qxl/20250919/m/img/prize_icon.png" alt></div>
                        <div class="name"><p>奖励名</p></div>
                    </div>
                </div>
                <p class="tips">少侠可至<span>大理（172，123）龚彩云</span>处领取奖励</p>
                <div class="confirm"></div>
            </div>
        </div>
    </div>
    <!-- 右上角分享引导弹窗 -->
    <div class="popup share-guide-pop">
        <div class="mask"></div>
        <div class="share-tips"></div>
    </div>
    <!-- 生成图片分享弹窗 -->
    <div class="popup poster-pop">
        <div class="mask"></div>
        <div class="cont">
            <div class="close-btn"></div>
            <div class="img-box">
                <img src alt>
            </div>
            <div class="tips">长按屏幕保存图片</div>
        </div>
    </div>
    <!-- 生成图片原dom -->
    <div class="poster ">
        <img class="poster-bg" crossOrigin="anonymous" src="/tlhj/qxl/20250919/img/poster_bg.png?v=20250928" alt>
        <div class="text"><p>好友<span> XXXXX </span>赠予图鉴：</p></div>
        <div class="card-img"><img crossOrigin="anonymous" src="/tlhj/qxl/20250919/img/tj1.png" alt></div>
        <div class="qrcode" id="qrCodeDiv"></div>
    </div>
    <!-- 个人中心弹窗 -->
    <div class="popup usercenter-pop">
        <div class="mask"></div>
        <div class="cont">
            <div class="close-btn"></div>
            <div class="box">
                <!-- 打卡记录部分 -->
                <div class="sign-box">
                    <div class="sign-title"></div>
                    <div class="sign-table">
                        <div class="sign-body">
                            <div class="col day-1">
                                <div class="row row-1"></div>
                                <div class="row row-2"></div>
                            </div>
                            <div class="col day-2">
                                <div class="row row-1"></div>
                                <div class="row row-2"></div>
                            </div>
                            <div class="col day-3">
                                <div class="row row-1"></div>
                                <div class="row row-2"></div>
                            </div>
                            <div class="col day-4">
                                <div class="row row-1"></div>
                                <div class="row row-2"></div>
                            </div>
                            <div class="col day-5">
                                <div class="row row-1"></div>
                                <div class="row row-2"></div>
                            </div>
                            <div class="col day-6">
                                <div class="row row-1"></div>
                                <div class="row row-2"></div>
                            </div>
                            <div class="col day-7">
                                <div class="row row-1"></div>
                                <div class="row row-2"></div>
                            </div>
                        </div>
                    </div>
                    <div class="btn-box">
                        <!-- 去签到按钮 -->
                        <div class="btn btn-sign home"></div>
                        <!-- 去收集图鉴按钮 -->
                        <div class="btn btn-collect home"></div>
                    </div>
                </div>
                <!-- 获奖记录部分 -->
                <div class="prize-record-box">
                    <div class="prize-title"></div>
                    <div class="prize-table">
                        <div class="prize-body">
                            <div class="item item-1">
                                <div class="name">奖励名</div>
                                <div class="date">2023-2-2</div>
                            </div>
                            <div class="item item-1">
                                <div class="name">奖励名</div>
                                <div class="date">2023-2-2</div>
                            </div>
                            <div class="item item-1">
                                <div class="name">奖励名</div>
                                <div class="date">2023-2-2</div>
                            </div>
                            <div class="item item-1">
                                <div class="name">奖励名</div>
                                <div class="date">2023-2-2</div>
                            </div>
                            <div class="item item-1">
                                <div class="name">奖励名</div>
                                <div class="date">2023-2-2</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 踏青成功弹窗 -->
    <div class="popup wish-succ-pop">
        <div class="mask"></div>
        <div class="cont">
            <div class="close-btn"></div>
            <div class="box">
                <p class="text">恭喜获得：</p>
                <div class="prize_box">
                    <img src="/tlhj/qxl/20250919/img/tj1.png">
                </div>
                <p class="tips">少侠可将此图鉴<span>赠与3个好友</span>。<br>集齐不同图鉴可领取更多奖励哦~</p>
                <div class="confirm"></div>
            </div>
        </div>
    </div>
    <!-- 踏青失败弹窗，三个不同提示，修改text中的文案即可 -->
    <div class="popup wish-limit-pop">
        <div class="mask"></div>
        <div class="cont">
            <div class="close-btn"></div>
            <div class="box">
                <div class="text">
                    <p>少侠今日已出游过了， <br>请明日再来吧~</p>
                        <!-- <p>少侠出游次数已达此活动总上限， <br>未集齐的图鉴可向好友索取哦~</p> -->
                         <!-- <p>该账号已封停</p> -->
                </div>
                <!-- <div class="confirm"></div> -->
            </div>
        </div>
    </div>
    <!-- 分享落地页领取失败弹窗 -->
    <div class="popup lqsb-pop">
        <div class="mask"></div>
        <div class="cont">
            <div class="close-btn"></div>
            <div class="box">
                <div class="text">
                    <p>该图鉴已经领取完毕～<br>少侠可向其他好友索取</p>
                    <!-- <p>少侠已达到今日领取上限。<br>请尝试明日再领取吧~</p> -->
                    <!-- <p>少侠已拥有此图</p> -->
                </div>
                <div class="confirm"></div>
            </div>
        </div>
    </div>
    <!-- 分享落地页领取成功弹窗 -->
    <div class="popup lqcg-pop">
        <div class="mask"></div>
        <div class="cont">
            <div class="close-btn"></div>
            <div class="box">
                <div class="text">
                    <p>少侠已成功领取此图鉴。<br>您还可前往活动页获得更多元宝道具奖励~</p>
                </div>
                <div class="btn-box">
                    <!-- 前往活动页 -->
                    <a class="btn join" href="./index.shtml"></a>
                    <!-- 确认 -->
                    <div class="btn confirm"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 活动规则弹窗 -->
    <div class="popup rule-pop">
        <div class="mask"></div>
        <div class="cont">
            <div class="close-btn"></div>
            <div class="text-box">
                <p>1.活动时间：9月29日—10月10日</p>
                <p>2.七日签到：玩家可点击活动页面内的【七日签到】按钮打开签到页面。每日完成签到可获得对应的签到奖励。</p>
                <p>3.收集图鉴：少侠可通过以下途径获得：①参与活动页面中的每日出游（至多出游7次）②好友赠送：每日接受好友的图鉴上限为2张，已获得的图鉴不可在好友处重复获取。</p>
                <p>4.图鉴赠予：少侠拥有的图鉴可赠予3名好友，赠予后自身拥有的图鉴不会消失。每重复获得1张图鉴，可增加3次赠予次数</p>
                <p>5.图鉴收集奖励：收集图鉴种类达到指定数量，奖励将自动发放。请少侠至大理（172,123）龚彩云处领取奖励。</p>
                <p>6.幸运抽奖：集齐所有图鉴可获得抽奖码。若中奖抽奖码与所获得的抽奖码一致，则视为中奖。中奖名额为1人，奖品为：坐骑：天马（180天）。开奖时间为：10月10日24:00。</p>
                <p>7.本活动最终解释权归《经典怀旧·新天龙八部端游》所有。</p>
            </div>
        </div>
    </div>
    <!-- 登陆弹窗 -->
    <div class="popup login-pop">
        <div class="mask"></div>
        <div class="cont">
            <div class="close-btn"></div>
            <div class="box">
                <!-- 畅游登陆按钮 -->
                <div class="btn cy-btn" id="cyLogin"></div>
                <!-- wegame登陆按钮 -->
                <div class="btn wg-btn" id="wgLogin"></div>
            </div>
        </div>
    </div>
    <!-- 通用提示弹窗 -->
    <div class="popup alert-pop">
        <div class="mask"></div>
        <div class="cont">
            <div class="close-btn"></div>
            <div class="box">
                <div class="alert-text">
                    <p></p>
                </div>
            </div>
        </div>
    </div>
        <!-- 随机一个提示弹窗 -->
        <div class="popup random-pop">
            <div class="mask"></div>
            <div class="cont">
                <div class="close-btn"></div>
                <div class="box">
                    <div class="random-text">
                        <p>请选择出游目的地及要携带的珍兽</p>
                    </div>
                    <div class="random-btn"></div>
                </div>
            </div>
        </div>
    <!-- 赠予图鉴选择弹窗 -->
    <div class="popup give-wish-pop">
        <div class="mask"></div>
        <div class="cont">
            <div class="close-btn"></div>
            <div class="box">
                <div class="wish-box">
                    <div class="item item-1" data-type="1">
                        <div class="num">x3</div>
                        <img class="light" src="/act/tlhj/qxl/20250919/m/img/tj1.png" alt>
                    </div>
                    <div class="item item-2" data-type="2">
                        <div class="num">x3</div>
                        <img class="light" src="/act/tlhj/qxl/20250919/m/img/tj2.png" alt>
                    </div>
                    <div class="item item-3" data-type="3">
                        <div class="num">x3</div>
                        <img class="light" src="/act/tlhj/qxl/20250919/m/img/tj3.png" alt>
                    </div>
                    <div class="item item-4" data-type="4">
                        <div class="num">x3</div>
                        <img class="light" src="/act/tlhj/qxl/20250919/m/img/tj4.png" alt>
                    </div>
                    <div class="item item-5" data-type="5">
                        <div class="num">x3</div>
                        <img class="light" src="/act/tlhj/qxl/20250919/m/img/tj5.png" alt>
                    </div>
                    <div class="item item-6" data-type="6">
                        <div class="num">x3</div>
                        <img class="light" src="/act/tlhj/qxl/20250919/m/img/tj6.png" alt>
                    </div>
                    <div class="item item-7" data-type="7">
                        <div class="num">x3</div>
                        <img class="light" src="/act/tlhj/qxl/20250919/m/img/tj7.png" alt>
                    </div>
                </div>
                <div class="confirm" id="shareBtn"></div>
                <!-- 复制链接按钮，隐藏作为触发复制功能的按钮 -->
                <div class="copy-hide" data-copy=""></div>
            </div>
        </div>
    </div>
    <!-- 一键领取弹窗 -->
    <div class="popup yjlq-pop">
        <div class="mask"></div>
        <div class="cont">
            <div class="close-btn"></div>
            <div class="box">
                <p class="text">当前拥有的图鉴种类：<span id="typeCounts">0</span></p>
                <!-- 图鉴图标及名称列表 -->
                <div class="prize-list">
                    <div class="item item-1">
                        <div class="icon">
                            <img src="/act/tlhj/qxl/20250919/m/img/tick_prize_1.png" alt>
                        </div>
                        <div class="name"><p>
白银马鞍*5</p></div>
                    </div>
                    <div class="item item-2">
                        <div class="icon">
                            <img src="/act/tlhj/qxl/20250919/m/img/tick_prize_2.png" alt>
                        </div>
                        <div class="name"><p>虹耀石*3</p></div>
                    </div>
                    <div class="item item-3">
                        <div class="icon">
                            <img src="/act/tlhj/qxl/20250919/m/img/tick_prize_3.png" alt>
                        </div>
                        <div class="name"><p>坐骑:花车(7天)</p></div>
                    </div>
                    <div class="item item-4">
                        <div class="icon">
                            <img src="/act/tlhj/qxl/20250919/m/img/tick_prize_4.png" alt>
                        </div>
                        <div class="name"><p>3级红宝石</p></div>
                    </div>
                </div>
                <!-- 进度条列表 -->
                <div class="process-bar">
                    <div class="item item-1">
                        <div class="dot"></div>
                        <p>1</p>
                    </div>
                    <div class="item item-2">
                        <div class="dot"></div>
                        <p>3</p>
                    </div>
                    <div class="item item-3">
                        <div class="dot"></div>
                        <p>5</p>
                    </div>
                    <div class="item item-4">
                        <div class="dot"></div>
                        <p>7</p>
                    </div>
                </div>
                <p class="tips-1">收集图鉴种类达到指定数量，奖励将自动发放。<br>请少侠至<span>大理（172,123）龚彩云</span>处领取奖励。</p>
                <!-- 一键领取按钮 -->
                <!-- <div class="yjlq-btn"></div> -->
            </div>
        </div>
    </div>
    <div class="popup tips-pop">
        <div class="mask"></div>
        <div class="cont">
            <div class="box">
                <p class="tips">图片生成中...</p>
            </div>
        </div>
    </div>
